<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>师资队伍</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<!-- 	<meta name="format-detection" content="telephone=no"> -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script type="text/javascript">
		//手机适配
		var cssEl=document.createElement("style");
		document.documentElement.firstElementChild.appendChild(cssEl);
		function setPxPerRem(){
			var dpr=1;
			var pxPerRem=document.documentElement.clientWidth*dpr/10;
			if(pxPerRem>60){
				pxPerRem=60;
			}
			cssEl.innerHTML='html{font-size:'+pxPerRem+'px!important;}';
		}
		setPxPerRem();
		//手机适配结束
	</script>
	<link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header class="top-d">
	<h1><img src="images/home/logo.jpg"></h1>
	<a href="javascript:void(0);" class="h-list-btn"></a>
</header>
<section class="nav-list">
	<a href="course.html">课程</a>
	<a href="android.html">专业快讯</a>
	<a href="teach-jxcg.html">教学科研</a>
	<a href="">毕业生</a>
	<a href="">产教融合</a>
</section>
<div class="shadow"></div>
<div class="swiper-container swiper-container-horizontal" id="swiper-container2">
	<div class="swiper-wrapper has">
		<div class="swiper-slide active-nav swiper-slide-visible swiper-slide-active">
			师资概况</div>
		<div class="swiper-slide swiper-slide-visible swiper-slide-next">
			师资队伍</div>

	</div>
</div>
<div class="swiper-container swiper-container-horizontal" id="swiper-container3">
	<div class="swiper-wrapper">
		<div class="swiper-slide blue-slide swiper-slide-active">
			<div>
				<p>
					浙江工商职业技术学院地处中国商业名城、现代化国际港口城市——浙江省宁波市，是一所全日制公办普通高等职业院校，在百年办学历史中形成了“传承宁波商帮精神，培育现代商帮人才”的办学特色，被誉为“宁波商帮文化的摇篮”。现为“全国高职高专人才培养工作水平评估优秀学校”、“浙江省示范性高等职业院校”和“浙江省高校毕业生就业工作优秀单位”。学校占地面积551亩，建筑面积23万平方米，设有经管学院、智能电子学院（汽车服务学院）、现代模具学院、国际交流学院（旅游与健康学院）、电子商务学院、建筑工程学院、数字传媒学院、明智学院、创业学院等9个二级学院与继续教育学院，以及高职教育与区域研究中心、智能家电中心和模具工程中心等3个独立科研机构，共有28个专业，全日制在校生9000多人，成教学生8000余人。现有教职员工639人，专任教师396人（具有“双师素质”占75%），其中副高及以上职称教师167人，硕士及以上学位教师270余人。
				</p>
			</div>
		</div>
		<div class="swiper-slide red-slide swiper-slide-next">
			<ul class="teacher_list">
				<li>
					<img src="images/html5/pic2.jpg" alt="">
					<h4>黄崇本</h4>
					<p>
						黄崇本教授兼任中国职业教育学会计算机专业委员会委员，浙江省高职高专计算机类专业教学指导委员会委员，宁波市计算机学会常务理事，宁波市软件行
					</p>
				</li>
				<li>
					<img src="images/html5/pic2.jpg" alt="">
					<h4>黄崇本</h4>
					<p>
						黄崇本教授兼任中国职业教育学会计算机专业委员会委员，浙江省高职高专计算机类专业教学指导委员会委员，宁波市计算机学会常务理事，宁波市软件行
					</p>
				</li>
				<li>
					<img src="images/html5/pic2.jpg" alt="">
					<h4>黄崇本</h4>
					<p>
						黄崇本教授兼任中国职业教育学会计算机专业委员会委员，浙江省高职高专计算机类专业教学指导委员会委员，宁波市计算机学会常务理事，宁波市软件行
					</p>
				</li>
				<li>
					<img src="images/html5/pic2.jpg" alt="">
					<h4>黄崇本</h4>
					<p>
						黄崇本教授兼任中国职业教育学会计算机专业委员会委员，浙江省高职高专计算机类专业教学指导委员会委员，宁波市计算机学会常务理事，宁波市软件行
					</p>
				</li>
			</ul>
		</div>
	</div>
</div>

<footer class="base-nav">
	<ul>
		<li>
			<a href="index.html">首页</a>
		</li>
		<li>
			<a href="major.html">专业</a>
		</li>

		<li>
			<a href="">创新联盟</a>
		</li>
		<li>
			<a href="teacher.html">师资队伍</a>
		</li>
		<li>
			<a href="">创新创业</a>
		</li>
	</ul>
</footer>

<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
<script src="js/swiper-3.3.1.jquery.min.js"></script>
	<script>
		$(".h-list-btn").on("click",function(){
			$(".nav-list").slideToggle();
		});

		var mySwiper2 = new Swiper('#swiper-container2',{
			watchSlidesProgress : true,
			watchSlidesVisibility : true,
			slidesPerView : 3,
			onTap: function(){
				mySwiper3.slideTo( mySwiper2.clickedIndex)
			}
		});
		var mySwiper3 = new Swiper('#swiper-container3',{

			onSlideChangeStart: function(){
				updateNavPosition()
			}

		});

		function updateNavPosition(){
			$('#swiper-container2 .active-nav').removeClass('active-nav')
			var activeNav = $('#swiper-container2 .swiper-slide').eq(mySwiper3.activeIndex).addClass('active-nav');


			if (!activeNav.hasClass('swiper-slide-visible')) {
				console.log(1);
				if (activeNav.index()>mySwiper2.activeIndex) {
					console.log(2);
					var thumbsPerNav = Math.floor(mySwiper2.width/activeNav.width())-1
					mySwiper2.slideTo(activeNav.index()-thumbsPerNav)
				}
				else {
					console.log(3);
					mySwiper2.slideTo(activeNav.index())
				}
			}
		}

	</script>
</body>
</html>